<!DOCTYPE html>
<html>
  <head>
    <title>Car</title>
    <script type='text/javascript' src='js/prototype.js'></script>
    <script type='text/javascript' src='js/car.js'></script>
  </head>
  <body>
    <div id='header'>
      <h1>Car</h1>
      <!--
      <ul>
        <li><a href='main.html'>main page</a></li>
        <li><a href='gasPurchase.html'>gas purchase</a></li>
        <li><a href='car.html'>car</a></li>
        <li><a href='vendor.html'>vendor</a></li>
      </ul>
      -->
    </div>
    <div id="mainContent">     
    <!-- CREATE TABLE cars (cid integer primary key asc not null, carname text unique, make text, model text, year integer); -->
      <form method='post' action='/app/cars'>
        <table>     
          <tr>
            <th>car:</th>
            <td>
              <input name="carname" size="25" maxlength="50"/>
            </td>
          </tr>
          <tr>
            <th>make:</th>
            <td>
              <input name="make" size="25" maxlength="50"/>
            </td>
          </tr>
          <tr>
            <th>model:</th>
            <td>
              <input name="model" size="25" maxlength="50"/>
            </td>
          </tr>
          <tr>
            <th>year:</th>
            <td>
              <input name="year" size="4" maxlength="4"/>
            </td>
          </tr>

        </table>
        <p><input type='submit' value='record new car'/></p>
      </form>
    </div>
  </body>
</html>  
